<template>
   <Page>
    <p-header title="Choose Coins"/>
    <market
      :baseCoins="marketsData.baseCoins"
      :coinsArr="marketsData.coinsArr"
      :coinPrices="marketsData.coinPrices"
      :refPrices="marketsData.refPrices"
      :markedPairs="marketsData.markedPairs"/>
   </Page>
</template>
<script>
import Header from '~/components/common/Header'
import {dataBus} from '~/business/DataBus'
import Market from '~/components/Market'

export default {
   components: {
    'p-header': Header,
    'market': Market,
  },
  data() {
    return {
      marketsData: dataBus.markets,
    }
  },
}
</script>
